<template>
 <div>
  <School />
  <hr>
  <Student />
 </div>
</template>

<script>
// 如果组件不加scoped，组件分别使用相同的类名自定义样式，根据引入先后顺序显示（后引入会覆盖先引入的组件）
import School from './components/School'
import Student from './components/Student'

export default {
  name: "App",
  components: {School, Student}
}
</script>

<style lang="css">
/* 一般不在App组件中添加scoped */
/* webpack 4.46.0 less-loader直接安装报错，最新版本服务webpack5；npm i less-loader@7 less@3*/
</style>
